<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/1/27 0027
  Time: 14:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<html>
<head>
    <title>Title</title>
    <script src=" webjars/jquery/3.5.1/jquery.js"></script>
    <script src="webjars/bootstrap/4.5.3/js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/manager.css"/>
    <script type="text/javascript">
        function dtr(){
            $('.dtr').each(function (index, trele) {

                // 是否被选中
                let checked = $(trele).children().first().children().first().prop("checked");

                if (checked) {
                    // 选中的id值
                    let idVal = $(trele).children().first().children().first().val();
                    console.log(idVal)
                    // 和后台交互

                }

            })
        }



        $(function(){

            /* 显示医院类型管理页面 */
            $(".hosp_type").click(function(){
                $(".msg").css("display","none");
                $(".hospital_manager").css("display","block");
                $(".titText").css("font-weight","400");
                $(this).css("font-weight","600");
            })

            /* 显示医院介绍页面 */
            $(".hosp_msg").click(function(){
                $(".msg").css("display","none");
                $(".intr_info").css("display","block");
                $(".titText").css("font-weight","400");
                $(this).css("font-weight","600");
            })

            /* 显示科室管理页面 */
            $(".hosp_dept").click(function(){
                $(".msg").css("display","none");
                $(".dept_manager").css("display","block");
                $(".titText").css("font-weight","400");
                $(this).css("font-weight","600");
            })

            /* 显示医生类别页面 */
            $(".doc_type").click(function(){
                $(".msg").css("display","none");
                $(".docType_manager").css("display","block");
                $(".titText").css("font-weight","400");
                $(this).css("font-weight","600");
            })

            /* 显示医生信息页面 */
            $(".doc_msg").click(function(){
                $(".msg").css("display","none");
                $(".doc_Info").css("display","block");
                $(".titText").css("font-weight","400");
                $(this).css("font-weight","600");
            })

            /* 显示排班页面 */
            $(".rost_exp").click(function(){
                $(".msg").css("display","none");
                $(".doc_duty").css("display","block");
                $(".titText").css("font-weight","400");
                $(this).css("font-weight","600");
            })
            /* 显示药品列表 */
            $(".medicine_msg").click(function(){
                $(".msg").css("display","none");
                $(".medicine_Info").css("display","block");
                $(".titText").css("font-weight","400");
                $(this).css("font-weight","600");
            })
            /* 显示药品类型 */
            $(".medicine_tp").click(function(){
                $(".msg").css("display","none");
                $(".medicine_type").css("display","block");
                $(".titText").css("font-weight","400");
                $(this).css("font-weight","600");
            })

            /* 添加 */
            // 隐藏、显示弹框
            $(".insertBtn").click(function() {
                $(".addrow").toggle();
            });

            /* 修改 */
            // 隐藏、显示弹框
            $(".updateBtn").click(function() {
                $(".addrow").toggle();
            });

            // 点击除按钮和弹框之外任意地方隐藏弹窗
            $("body").click(function (e) {
                if (!$(e.target).closest(".insertBtn,.addrow,.updateBtn").length) {
                    $(".addrow").hide();
                }
            });

            /* 提交 */
            $(".addrow_submit").click(function(){
                $(".addrow").hide();
            })

            /* 取消 */
            $(".addrow_reset").click(function(){
                $(".addrow").hide();
            })

            /* 添加医院简介 */
            $(".insertIntrBtn").click(function() {
                $(".addInfo").toggle();
            });

            // 点击除按钮和弹框之外任意地方隐藏弹窗
            $("body").click(function (e) {
                if (!$(e.target).closest(".insertIntrBtn,.addInfo,.updateIntrBtn").length) {
                    $(".addInfo").hide();
                }
            });

            /* 修改医院简介 */
            $(".updateIntrBtn").click(function() {
                $(".addInfo").toggle();
            });

            /* 新增医生信息 */
            $(".docInsert").click(function() {
                $(".addmsg").toggle();
            });

            // 点击除按钮和弹框之外任意地方隐藏弹窗
            $("body").click(function (e) {
                if (!$(e.target).closest(".docInsert,.addmsg,.docUpdate").length) {
                    $(".addmsg").hide();
                }
            });

            /* 修改医生信息 */
            $(".docUpdate").click(function() {
                $(".addmsg").toggle();
            });

            /* 添加排班信息 */
            $(".scheInsert").click(function() {
                $(".sche_info").toggle();
            });

            // 点击除按钮和弹框之外任意地方隐藏弹窗
            $("body").click(function (e) {
                if (!$(e.target).closest(".scheInsert,.sche_infoUl,sche_tab,.scheUpdate").length) {
                    $(".sche_info").hide();
                }
            });

            /* 修改医生信息 */
            $(".scheUpdate").click(function() {
                $(".sche_info").toggle();
            });

            /* 添加药品 */
            $(".medInsert").click(function() {
                $(".addmedicine").toggle();
            });

        })
    </script>
    <style>
        ul li{
            list-style: none;
            text-align: center;
        }
    </style>

</head>
<body>
<!-- 医生类别管理 -->
<div class="right_msg">
    <div class="docType_manager msg">
        <span class="docType_title titl">医生类别管理</span>

        <button type="button" class="btn insert_docType insertBtn addBtn" >添加</button>
        <button type="button" class="btn update_docType updateBtn modBtn" onclick="dtr()">修改</button>
        <button type="button" class="btn delete_docType delBtn">删除</button>
        <button type="button" class="btn enable_docType enaBtn">启用</button>
        <button type="button" class="btn disable_docType disBtn">禁用</button>
        <form action="DoctorTypeUi">
        <input type="text" name="dtId" class="docType_input sel" placeholder="医生类别编号"/>
        <input type="submit" class="btn select_docType selBtn" value="查询类别"></input>
        </form>
        <table class="docType_tab">
            <tr>
                <th>序号</th>
                <th>类别名称</th>
                <th>创建时间</th>
                <th>创建人</th>
                <th>修改时间</th>
                <th>修改人</th>
                <th>状态</th>
            </tr>
            <c:forEach items="${doctorType}" var="d" varStatus="dt">
                <tr class="dtr">
                    <td><input type="checkbox" name="id" value="${d.dtId}"/>${dt.count}</td>
                    <td>${d.dqName}</td>
                    <td><fmt:formatDate value="${d.createTime}" pattern="yyyy-MM-dd"/></td>
                    <td>${d.createMan}</td>
                    <td><fmt:formatDate value="${d.updateTime}" pattern="yyyy-MM-dd"/></td>
                    <td>${d.updateMan}</td>
                    <td><c:if test="${d.dtStatus == 0}">禁用</c:if> <c:if test="${d.dtStatus == 1}">启用</c:if> </td>
                </tr>
            </c:forEach>
        </table>
    </div>
        <!-- 添加 -->
        <div class="addrow">
            <form action="DoctorTypeadd" method="post">
            <ul class="addrowUl1">

                <li>类型名称 <input type="text" name="dtDept" class="typeName" placeholder="请输入类型名称"/></li>
                <li>创建人 <input type="text" name="createMan" class="addPerson" placeholder="请输入创建人" value="${username}"/></li>
<%--                <li>创建时间 <input type="date" name="createTime" class="addDate" /></li>--%>
            </ul>
            <ul class="addrowUl2">
                <li>状态 <input type="text" name="dtStatus" class="status" placeholder="请输入状态"/></li>
                <li>修改人 <input type="text" name="updateMan" class="updatePerson" placeholder="请输入修改人" value="${username}"/></li>
<%--                <li>修改时间 <input type="date" name="updateTime" class="updateTime" /></li>--%>
            </ul>
            <button type="submit" class="addrow_submit">提交</button>
            <button type="button" class="addrow_reset">取消</button>
            </form>
        </div>
        <%--修改--%>
        <div class="addrow">
        <form action="DoctorTypeupdate" method="put">
            <ul class="addrowUl1">

                <li>类型名称 <input type="text" name="dtDept" class="typeName" placeholder="请输入类型名称"/></li>
                <li>创建人 <input type="text" name="createMan" class="addPerson" placeholder="请输入创建人" value="${username}"/></li>
                <li>创建时间 <input type="date" name="createTime" class="addDate"/></li>
            </ul>
            <ul class="addrowUl2">
                <li>状态 <input type="text" name="dtStatus" class="status" placeholder="请输入状态"/></li>
                <li>修改人 <input type="text" name="updateMan" class="updatePerson" placeholder="请输入修改人" value="${username}"/></li>
                <li>修改时间 <input type="date" name="updateTime" class="updateTime"/></li>
            </ul>

            <button type="submit" class="addrow_submit">提交</button>
            <button type="button" class="addrow_reset">取消</button>
        </form>
    </div>
</div>


</body>
</html>
